<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

<html>
  <head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <link href="<c:url value="/resources/admin/css/bootstrap.min.css"/>" rel="stylesheet"/>
    <link href="<c:url value="/resources/admin/bootstrap-table/css/bootstrap-table.css"/>" rel="stylesheet"/>
	<!-- Custom CSS -->
    <link href="<c:url value="/resources/admin/css/sb-admin.css"/>" rel="stylesheet"/>
    <!-- Custom Fonts -->
    <link href="<c:url value="/resources/admin/font-awesome-4.1.0/css/font-awesome.min.css"/>" rel="stylesheet" type="text/css"/>
	<style>
    	.happyhome-margin-left{
    		margin-left: 3px;
    	}
    </style>
  </head>
  <body>
  	<c:url value="/j_spring_security_logout" var="logoutUrl" />
	<form action="${logoutUrl}" method="post" id="logoutForm" style="display:none;">
		<input type="hidden" name="${_csrf.parameterName}"
			value="${_csrf.token}" />
	</form>
    <script>
		function formSubmit() {
			document.getElementById("logoutForm").submit();
		}
	</script>
		<div id="wrapper">
			<!-- Navigation -->
			<%@ include file="/WEB-INF/pages/admin/navigation.jsp" %>
			<div id="page-wrapper">
				 <div class="container-fluid">
	                <div class="row">
	                    <div class="col-lg-12">
	                        <div class="panel panel-default">
	                            <div class="panel-heading">
	                                <h3 class="panel-title"><i class="fa fa-money fa-fw"></i> LIST IMAGES</h3>
	                            </div><!-- panel-heading -->
	                            <div class="panel-body">
									<table data-toggle="table" data-url="getDataImages" data-height="299" data-search="true">
									    <thead>
									    <tr>
									        <th data-field="state" data-checkbox="true"></th>
									        <th data-field="name" data-sortable="true">
									        	<spring:message code="nameImage" text="default text" />
									        </th>
									        <th data-field="thumbnailFilename" data-sortable="true">
									        	<spring:message code="thumbnailFilename" text="default text" />
									        </th>
									        <th data-field="newFilename" data-sortable="true">
									        	<spring:message code="newFilename" text="default text" />
									        </th>
									        <th data-field="contentType" data-sortable="true">
									        	<spring:message code="contentType" text="default text" />
									        </th>
									        <th data-field="dateCreated" data-sortable="true">
									        	<spring:message code="dateCreated" text="default text" />
									        </th>
									    </tr>
									    </thead>
									</table>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script>
	    $(function() {
	        $('#transform').click(function() {
	            $('#table-transform').bootstrapTable();
	        });
	        $('#destroy').click(function() {
	            $('#table-transform').bootstrapTable('destroy');
	        });
	    });
	</script>
    <script src = "http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
	<script src="<c:url value="/resources/admin/js/bootstrap.min.js"/>"></script>
	<script src="<c:url value="/resources/admin/bootstrap-table/bootstrap-table.js"/>"></script>
	
  </body>
</html>
